﻿@model Fly.Domain.Models.User
@{
    ViewBag.Title = "设置";
    Layout = "~/Views/Shared/_LayoutPage.cshtml";
}


<div class="main layui-clear" style="min-height: 600px;">
    <h2 class="page-title">帐号设置</h2>
    <div class="fly-tab user-tab">
        <span id="LAY-mine">
            <a href="javascript:;" class="tab-this" hash="info">我的资料</a>
            <a href="javascript:;" hash="avatar">头像</a>
            <a href="javascript:;" hash="pass">密码</a>
            <a href="javascript:;" hash="bind">帐号绑定</a>
        </span>
    </div>
    <div class="user-mine">
        <div class="layui-form layui-form-pane mine-view" style="display:block;">
            <form method="post">
                @Html.AntiForgeryToken()
                <input type="hidden" name="id" value="@Model.Id" />
                <div class="layui-form-item">
                    <label for="L_email" class="layui-form-label">邮箱</label>
                    <div class="layui-input-inline">
                        <input type="text" id="L_email" name="email" required lay-verify="email" autocomplete="off" value="@Model.Email" class="layui-input">
                    </div>
                    <div class="layui-form-mid layui-word-aux">
                        如果您在邮箱已激活的情况下，变更了邮箱，需
                        <a href="@Url.Action("Activate","Account")" style="font-size: 12px; color: #4f99cf;">重新验证邮箱</a>。
                    </div>
                </div>
                <div class="layui-form-item">
                    <label for="L_username" class="layui-form-label">昵称</label>
                    <div class="layui-input-inline">
                        <input type="text" id="L_username" name="nickname" required lay-verify="required" autocomplete="off" value="@Model.Nickname" class="layui-input">
                    </div>
                    <div class="layui-inline">
                        <div class="layui-input-inline">
                            @{ 
                                var chm = Model.Gender == Fly.Domain.Models.Gender.Man ? "checked":"";
                                var chw = Model.Gender != Fly.Domain.Models.Gender.Man ? "checked" : "";
                            }
                            <input type="radio" name="gender" value="@Fly.Domain.Models.Gender.Man.GetHashCode()" @chm title="男">
                            <input type="radio" name="gender" value="@Fly.Domain.Models.Gender.Woman.GetHashCode()" @chw title="女">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label for="L_city" class="layui-form-label">城市</label>
                    <div class="layui-input-inline">
                        <input type="text" id="L_city" name="city" autocomplete="off" value="@Model.City" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item layui-form-text">
                    <label for="L_sign" class="layui-form-label">签名</label>
                    <div class="layui-input-block">
                        <textarea placeholder="随便写些什么刷下存在感" id="L_sign" name="sign" autocomplete="off" class="layui-textarea" style="height: 80px;">@Model.Sign</textarea>
                    </div>
                </div>
                <div class="layui-form-item">
                    <button class="layui-btn" key="set-mine" lay-filter="*" lay-submit>确认修改</button>
                </div>
            </form>
        </div>
        <div class="layui-form layui-form-pane mine-view">
            <div class="layui-form-item">
                <div class="avatar-add">
                    <p>建议尺寸168*168，支持jpg、png、gif，最大不能超过30KB</p>
                    <div class="upload-img">
                        <input type="file" name="file" id="LAY-file" lay-title="上传头像">
                    </div>
                    <img src="@Model.HeadPortrait">
                    <span class="loading"></span>
                </div>
            </div>
        </div>
        <div class="layui-form layui-form-pane mine-view">
            <form action="@Url.Action("Repass","Account")" method="post">
                @Html.AntiForgeryToken()
                <div class="layui-form-item">
                    <label for="L_nowpass" class="layui-form-label">当前密码</label>
                    <div class="layui-input-inline">
                        <input type="password" id="L_nowpass" name="nowpass" required lay-verify="required" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label for="L_pass" class="layui-form-label">新密码</label>
                    <div class="layui-input-inline">
                        <input type="password" id="L_pass" name="pass" required lay-verify="pass" autocomplete="off" class="layui-input">
                    </div>
                    <div class="layui-form-mid layui-word-aux">6到16个字符</div>
                </div>
                <div class="layui-form-item">
                    <label for="L_repass" class="layui-form-label">确认密码</label>
                    <div class="layui-input-inline">
                        <input type="password" id="L_repass" name="repass" required lay-verify="repass" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <button class="layui-btn" key="set-mine" lay-filter="*" lay-submit>确认修改</button>
                </div>
            </form>
        </div>
        <div class="layui-form layui-form-pane mine-view">
            <ul class="app-bind">
                <li class="fly-msg  {{user.qq_id ? 'app-havebind' :''}}">
                    <i class="iconfont icon-qq"></i>
                    <span>已成功绑定，您可以使用QQ帐号直接登录Fly社区，当然，您也可以</span>
                    <a href="javascript:;" class="acc-unbind" type="qq_id">解除绑定</a>
                    <!-- <a href="" onclick="layer.msg('正在绑定微博QQ', {icon:16, shade: 0.1, time:0})" class="acc-bind" type="qq_id">立即绑定</a>
                    <span>，即可使用QQ帐号登录Fly社区</span> -->
                </li>
                <li class="fly-msg {{user.weibo_id ? 'app-havebind' :''}}">
                    <i class="iconfont icon-weibo"></i>
                    <!-- <span>已成功绑定，您可以使用微博直接登录Fly社区，当然，您也可以</span>
                    <a href="javascript:;" class="acc-unbind" type="weibo_id">解除绑定</a> -->
                    <a href="" class="acc-weibo" type="weibo_id" onclick="layer.msg('正在绑定微博', {icon:16, shade: 0.1, time:0})">立即绑定</a>
                    <span>，即可使用微博帐号登录Fly社区</span>
                </li>
            </ul>
        </div>
    </div>
</div>


@section scripts{
    <script>
        layui.config({
            base: '../Content/res/mods/'
        }).use(['layer', 'form', 'validator'], function () {
            var layer = layui.layer
                , $ = layui.jquery
                , form = layui.form()
                , validator = layui.validator;


            form.verify({
                pass: function (value) {
                    if (value.length == 0) {
                        return '密码不能为空！';
                    }
                    if (!validator.IsStringLength(value, 6, 16)) {
                        return '密码在6到16个字符之间';
                    }
                    var nowpass = $('form').find('input[name=nowpass]').val();
                    if (nowpass==value) {
                        return '新密码跟原密码不能相同';
                    }
                },
                repass: function (value) {
                    var pass = $('form').find('input[name=pass]').val();
                    if (pass !== value) {
                        return '两次密码输入不一致';
                    }
                }

            });
        });
    </script>

}